<template>
<div id="home-page">
  <main-nav-bar/>
  <swiper class="swiper"></swiper>
  <algorithm-detail></algorithm-detail>
  <demand-detail/>
  <main-tabbar/>
</div>
</template>

<script>
import Swiper from 'components/content/homepage/swiper/Swiper.vue'
import AlgorithmDetail from 'components/content/homepage/detail/AlgorithmDetail.vue'
import DemandDetail from 'components/content/homepage/detail/DemandDetail.vue'
import MainNavBar from 'components/content/navbar/MainNavBar.vue'
import MainTabbar from 'components/content/tabbar/MainTabbar.vue'

export default {
  name:'HomePage',
  data(){
    return {
      path:'/homePage'
    }
  },
  components:{
    Swiper,
    AlgorithmDetail,
    DemandDetail,
    MainNavBar,
    MainTabbar
  }
}
</script>

<style>
.swiper{
  height: 600px;
  width: 100%;
}
</style>